﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Areas/SystemAdmin/Master.Master" CodeBehind="Config.aspx.cs" Inherits="OnlineBusinesses.Areas.SystemAdmin.Config" %>
<asp:Content ContentPlaceHolderID="ContentSystemAdmin" runat="server" ID="ContentAdmin">
    
    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:10px;min-height:650px;">
        <h3>Cài đặt hệ thống
            <button type="button" class="btn btn-default pull-right hidden-xs hidden-sm" style="margin-right:20px;border-radius:0px;border:1px solid #ddd;padding-top:10px;" value="Back" onclick="history.go(-1);">
                <span class="fa fa-mail-reply" style="font-size:20px;"></span>
            </button>
        </h3>
        <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:10px;">
            <div class="col-md-3 col-xs-12 col-lg-3 col-sm-12" style="padding:5px;text-align:center;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:10px;">
                        <span style="width:100%;font-weight:bold;line-height:34px;">Hạn ngạch gửi mail</span> 
                </div>
            </div>
            <div class="col-md-3 col-xs-12 col-lg-3 col-sm-12" style="padding:5px;text-align:center;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:10px;">
                    <a href="ConfigSpam.aspx" style="text-decoration:none;color:#333;">
                        <span class="btn btn-default" style="width:100%;border-radius:0px;">Quản lý từ khóa</span> 
                    </a>
                </div>
            </div>
            <div class="col-md-3 col-xs-12 col-lg-3 col-sm-12" style="padding:5px;text-align:center;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:10px;">
                    <a href="ConfigHTML.aspx" style="text-decoration:none;color:#333;">
                        <span class="btn btn-default" style="width:100%;border-radius:0px;">Quản lý HTML Tiêu chuẩn</span> 
                    </a>
                </div>
            </div>
            <div class="col-md-3 col-xs-12 col-lg-3 col-sm-12" style="padding:5px;text-align:center;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:10px;">
                    <a href="ConfigDNSEmail.aspx" style="text-decoration:none;color:#333;">
                        <span class="btn btn-default" style="width:100%;border-radius:0px;">Quản lý cấu hình Email</span> 
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;margin:0px 0px 10px;height:1px;background:#ddd;"></div>
        <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">
            <div class="col-md-4 col-xs-12 col-lg-4 col-sm-12" style="padding:5px;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:5px;">
                    <h4 style="font-weight:bold;">Hạn mức cảnh báo</h4>
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;line-height:34px;">
                            Email gửi dưới
                        </div>
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;">
                            <input class="input_add" value="10,000" />
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;line-height:34px;">
                            Tỉ lệ email chết
                        </div>
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;">
                            <input class="input_add" value="5,9" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-xs-12 col-lg-4 col-sm-12" style="padding:5px;border-right:1px solid #ddd;border-left:1px solid #ddd;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:5px;">
                    <h4 style="font-weight:bold;">Hạn mức khóa tài khoản</h4>
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;line-height:34px;">
                            Email gửi dưới
                        </div>
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;">
                            <input class="input_add" value="1,000" />
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;line-height:34px;">
                            Tỉ lệ email chết
                        </div>
                        <div class="col-md-6 col-xs-12 col-lg-6 col-sm-12" style="padding:5px;">
                            <input class="input_add" value="5,9" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-xs-12 col-lg-4 col-sm-12" style="padding:5px;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:5px;">
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">
                        <p style="text-align:justify;">
                            Hệ thống sẽ tự động gửi thư cảnh báo, khi người dùng có <b>tỉ lệ email chết</b> vượt quá mức cho phép của hệ thống.
                        </p>
                        <p style="text-align:justify;">
                            Hệ thống sẽ tự động khóa tài khoản người sử dụng, khi họ vẫn tiếp tục vượt mức <b>tỉ lệ email</b> chết mà hệ thống cho phép.
                        </p>
                        <span class="btn btn-default" style="width:100%;border-radius:0px;">
                            Xác nhận
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;margin:0px 0px 10px;height:1px;background:#ddd;"></div>
        <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">
            <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:5px;">
                <h4 style="font-weight:bold;">Tra cứu email</h4>
            </div>
            <div class="col-md-4 col-xs-12 col-lg-4 col-sm-12" style="padding:5px;">
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:5px;">
                    <div class="col-md-8 col-xs-12 col-lg-8 col-sm-12" style="padding:5px;">
                        <input class="input_add" placeholder="Tìm theo tên Domain.." />
                    </div>
                    <div class="col-md-4 col-xs-12 col-lg-4 col-sm-12" style="padding:5px;">
                        <input class="input_add" placeholder="Số lượng.." />
                    </div>
                </div>
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:5px;">
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;padding-bottom:5px;">
                        <div class="col-md-3 col-xs-4 col-lg-3 col-sm-3" style="padding:0px;line-height:32px;">Từ ngày</div>
                        <div class="col-md-3 col-xs-8 col-lg-3 col-sm-9" style="padding:0px;"><div id="jqxfromdate"></div></div>
                        <div class="col-md-6 col-lg-6 hidden-xs hidden-sm"></div>
                    </div>
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;padding-top:5px;">
                        <div class="col-md-3 col-xs-4 col-lg-3 col-sm-3" style="padding:0px;line-height:32px;">Đến ngày</div>
                        <div class="col-md-3 col-xs-8 col-lg-3 col-sm-9" style="padding:0px;"><div id="jqxtodate"></div></div>
                        <div class="col-md-6 col-lg-6 hidden-xs hidden-sm"></div>
                    </div>
                </div>
                <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:5px;text-align:center;">
                        <span class="btn btn-default" style="width:60%;border-radius:0px;background:#0a0;color:#fff;">Tìm kiếm</span>
                </div>
            </div>
            <div class="col-md-8 col-xs-12 col-lg-8 col-sm-12" id='jqxWidget' style="padding:5px;">
<script type="text/javascript">
    $(document).ready(function () {
        var source =
        {
            localdata: [
                ["famails.com", "1000", "999", "1", "0", "0,1%", "<span class='fa fa-lock'></span>"],
                ["zing.vn", "560", "500", "40", "20", "7,1%", "<span class='fa fa-lock'></span>"],
                ["ngoisao.net", "38", "8", "20", "10", "52,6%", "<span class='fa fa-unlock'></span>"],
                ["haivl.com", "112", "12", "80", "20", "71,4%", "<span class='fa fa-unlock'></span>"],
                ["bongdaplus.vn", "983", "800", "1", "82", "0,1%", "<span class='fa fa-lock'></span>"]
            ],
            datafields: [
                { name: 'CompanyName', type: 'string', map: '0' },
                { name: 'ContactName', type: 'string', map: '1' },
                { name: 'Title', type: 'string', map: '2' },
                { name: 'Address', type: 'string', map: '3' },
                { name: 'City', type: 'string', map: '4' },
                { name: 'Country', type: 'string', map: '5' },
                { name: 'action', type: 'string', map: '6' }
            ],
            datatype: "array"
        };
        var dataAdapter = new $.jqx.dataAdapter(source);

        $("#jqxgrid").jqxGrid(
        {
            width: $("#jqxWidget").width(),
            source: dataAdapter,
            columnsresize: true,
            sortable: true,
            pageable: true,
            autoheight: true,
            selectionmode: 'multiplecellsadvanced',
            columns: [
              { text: 'Domain', datafield: 'CompanyName' },
              { text: 'Tổng email gửi', datafield: 'ContactName', width: 120, cellsalign: 'center' },
              { text: 'Thành công', datafield: 'Title', width: 100 , cellsalign: 'center'},
              { text: 'Lỗi', datafield: 'Address', width: 100, cellsalign: 'center' },
              { text: 'Trả về', datafield: 'City', width: 100, cellsalign: 'center' },
              { text: 'Tỉ lệ email lỗi', datafield: 'Country', width: 100, cellsalign: 'center' },
              { text: 'Tình trạng', datafield: 'action', width: 100, cellsalign: 'center' }
            ]
        });
        $("#jqxfromdate").jqxDateTimeInput({ width: '120px', height: '32px' });
        $("#jqxtodate").jqxDateTimeInput({ width: '120px', height: '32px' });
    });
    </script>
                <div id="jqxgrid">
                </div>
            </div>

        </div>
    </div>
</asp:Content>